@charset "utf-8";
/* CSS Document */

/*导航*/
.header{ width:100%;  margin: 0px; padding:0px; position: relative;} 
.nav_{ width:100%;  margin: 0px; padding:0px; background: rgba(255,255,255,0.8); position: absolute; z-index: 999;}

.nav{ width:1200px; margin: 0px auto;} 
.nav_l{ float:left; width: 267px; margin-top:20px;} 
.nav_l img{ display: block; margin: 0px auto;} 

.nav_menu {float: right; margin:0px 0px 0px 0px;} 




.nav_menu > ul {}
.nav_menu ul li.nav-item { float: left;padding:0px 25px; font-size: 16px;text-align: center; }
.nav_menu ul li.nav-item>a{display: inline-block;position: relative;padding: 45px 0px}
.nav_menu ul li.nav-item>a::before{ display: none; content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); border-width: 0 10px 10px; border-style: solid; border-color: transparent transparent #302e7c; position: absolute;}
.nav_menu ul li.nav-item:hover>a ,li.nav-item.active>a{color: #302e7c;}
.nav_menu ul li.nav-item:hover>a::before,li.nav-item.active>a::before{display: block;}


/* 二级菜单 */
.subMenu{display: none;position: absolute;top: 110px;left: 0;width: 100%; height: auto;background: rgba(255,255,255,1); z-index: 999999; border-top: #999999 1px solid;}
.subMenu>ul{display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;align-items: center;}
.subMenu>ul>li>a{display:block;padding:20px 30px;text-align: center;color: #333333;}
.subMenu>ul>li>a:hover{color:#302e7c;}



.bottom{ width:100%; background:#F2F2F2; margin: 0px; padding:0px;}
.bottom_top{width:100%; background: url("/images/bg02.jpg") no-repeat center; height: 10px;} 
.bottom_{ width:1200px; margin:0px auto; padding: 50px 0px;}


.bottom_l{ float: left;} 

.bottom_l ul{}
.bottom_l ul li{float:left; margin-right:80px;}
.bottom_l ul li p strong{ font-size: 16px; color: #333333;} 
.bottom_l ul li em{ display: block; margin: 25px 0px;} 
.bottom_l ul li p a{ display: block; margin:10px 0px; color: #333333; font-size:14px;} 
.bottom_l ul li p a:hover{color: #302e7c;} 

.bottom_r{float: right;text-align: right; margin-top: 2px;} 
.bottom_r p{font-size:16px; color: #333333;} 
.bottom_r h3{ font-size:28px; color: #302e7c;} 
.bottom_r div{ margin-top: 20px;} 
.bottom_r div i{ display: inline-block; margin-left:5px; background: #333333; color: #FFFFFF; padding:8px; font-size:16px; border-radius: 50%;} 
.bottom_r div i:hover{ background: #302e7c;} 
.bottom_b{ width: 1200px;padding: 20px 0px; margin: 0px auto;text-align: left; font-size: 12px; border-top: #666666 1px solid; color: #999999; text-transform: uppercase;} 
.bottom_b a{ color: #999999;} 
.bottom_b a:hover{color: #302e7c;} 


/* fullSlide */
.fullSlide {width:100%;position:relative;height:930px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;} 
.fullSlide .bd ul{width:100% !important;} 
.fullSlide .bd li{width:100% !important;height:930px;overflow:hidden;text-align:center;} 
.fullSlide .bd li a{display:block;height:930px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:20px;left:0;height:50px;line-height:50px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:5px;overflow:hidden;background:#FFF;filter:alpha(opacity=50);opacity:0.5;line-height:999px; border-radius: 50%;}
.fullSlide .hd ul .on{background:#302e7c;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:3%;z-index:1;width:40px;height:60px;background:url(/images/slider-arrow.png) -126px -137px no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:3%;background-position:-6px -137px;}



.z_banner{ left:0px; top:0px; width:100%; height:100%; margin: 0px; padding: 0px;} 
.z_banner img{width: 100%; display: block;} 




nav{display: none;}
.fullSlide .bd li div.pc{ display: block;}
.fullSlide .bd li div.mo{ display: none;}



@media screen and (max-width: 768px){


.nav_{ display:none;} 

nav{ width: 100%;  top: 0;  padding: 15px 20px; box-sizing: border-box; display: block; position: fixed;  z-index: 9999999;  background: #FFFFFF; }
nav .logo img{ width: 180px;} 
.hamburger{ display:block; position: absolute;cursor: pointer; right: 5%;top: 50%;transform: translate(-5%, -50%);z-index: 2; transition: all 0.7s ease; }
.hamburger div{width: 50px;height:2px;background: #333333;margin: 15px;transition: all 0.3s ease;}
.nav-links{ position: fixed; background:#FFFFFF; height: 100vh; width: 100%; flex-direction: column; clip-path: circle(50px at 90% -20%);  -webkit-clip-path: circle(50px at 90% -10%);      transition: all 1s ease-out; pointer-events: none; }
.nav-links.open{ clip-path: circle(1000px at 90% -10%); -webkit-clip-path: circle(1000px at 90% -10%); pointer-events: all; }
.nav-links li{ opacity: 0; }
.nav-links li:nth-child(1){transition: all 0.5s ease 0.2s;}
.nav-links li:nth-child(2){ transition: all 0.5s ease 0.4s;} 
.nav-links li:nth-child(3){ transition: all 0.5s ease 0.6s;} 
.nav-links li:nth-child(4){transition: all 0.5s ease 0.7s;} 
.nav-links li:nth-child(5){transition: all 0.5s ease 0.8s;} 
.nav-links li:nth-child(6){transition: all 0.5s ease 0.9s;} 
.nav-links li:nth-child(7){ transition: all 0.5s ease 1s;} 
.nav-links li:nth-child(8){ transition: all 0.5s ease 1.1s;margin: 0;} 
li.fade{ opacity: 1; } 
.nav-links li{ } 
.nav-links li a{ color: #333333; display: block; text-align: center; padding: 10px 0px; font-size: 1.5em;} 
.toggle .line1{transform: rotate(-45deg) translate(-18px,6px);} 
.toggle .line2{transition: all 0.5s ease;width:0;} 
.toggle .line3{transform: rotate(45deg) translate(-18px,-6px);} 

	
	

.fullSlide {height:260px;margin-top:80px;}
.fullSlide .bd{} 
.fullSlide .bd ul{} 
.fullSlide .bd li{height:260px;} 
.fullSlide .bd li img{width:100%; height:auto;} 
.fullSlide .bd li a{display:block;height:260px;}
.fullSlide .bd li div.pc{ display: none;}
.fullSlide .bd li div.mo{ display: block;}
.fullSlide .hd{bottom:10px;height:30px;line-height:30px;}



.bottom{}
.bottom_top{} 
.bottom_{ width:92%; padding: 20px 0px;}
.bottom_l{ float: none; display: none;} 
.bottom_r{float: none;text-align: center; margin-top: 0px;} 
.bottom_r p{font-size:1.2em; } 
.bottom_r h3{ font-size:1.8em;} 
.bottom_r div{ margin-top: 20px;} 
.bottom_r div i{ display: inline-block; margin:0px 5px; background: #333333; color: #FFFFFF; padding:8px; font-size:1.1em; border-radius: 50%;} 
.bottom_b{ width: 92%;padding: 10px 0px; font-size:0.8em;} 

#kefu{ display: none;}

.z_banner{ margin-top: 80px;} 

	


}



























svg{
	fill: currentColor;
}

#kefu {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 99999;
  width: 70px;
  height: 140px;
}
#kefu .topBtn {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 0;
  cursor: pointer;

/*  -webkit-animation: wobble 250ms  infinite;
  animation: wobble 250ms  infinite;*/
}
#kefu .topBtn2 {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 0;
  top: 60px;
  cursor: pointer;
/*  -webkit-animation: wobble 250ms  infinite;
  animation: wobble 250ms  infinite;*/
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 0.8;
  }
  30% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
    opacity: 0.9;
  }
  50% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
    opacity: 0.9;
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
  }
}
#kefu span {
  width: 50px;
  height: 50px;
  position: absolute;
  cursor: pointer;
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
#kefu span.wechat {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 100ms linear;
  transition: all 100ms linear;
  z-index: -1;
}
#kefu span.wechat:hover .eweima {
  display: block;
}
#kefu span.wechat .eweima {
  position: absolute;
  right: 0;
  bottom: 70px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  width: 120px;
  height: 150px;
}
#kefu span.wechat .eweima img {
  width: 120px;
  height: 120px;
  display: block;
}
#kefu span.wechat .eweima small {
  padding-top: 10px;
  font-style: normal;
  font-style: 14px;
  text-align: center;
  color: #fff;
  display: block;
}
#kefu span.qq {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  z-index: -1;
}
#kefu span.other {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  z-index: -1;
}
#kefu span.other:hover .tel {
  display: block;
}
#kefu span.other .tel {
  position: absolute;
  right: 70px;
  bottom: 0;
  width: 120px;
  height: 50px;
  padding: 10px 10px 0 10px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 16px;
}
#kefu span.other .tel dt {
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
#kefu span.other .tel dd {
  font-size: 14px;
}
#kefu .eweima,
#kefu .tel {
  display: none;
}
#showKfList:checked + label {
}
#showKfList:checked ~ span.wechat {
  -webkit-transform: translate(0, -60px);
  transform: translate(0, -60px);
}
#showKfList:checked ~ span.qq {
  -webkit-transform: translate(-60px, -60px);
  transform: translate(-60px, -60px);
}
#showKfList:checked ~ span.other {
  -webkit-transform: translate(-60px, 0);
  transform: translate(-60px, 0);
}
#showKfList {
  display: none;
}